.phone_top{ position:fixed; z-index:97; width:100%; top:0; left:0; display:none;}
.phone_logo{ float:left;}
.phone_logo img{height:40px; margin-top:5px; padding-left:15px;}
.phone_top_space{ height:50px;}
.phone_page_title{background: #fff; text-align: center; padding: 15px 0; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin-top: 15px;}
.phone_page_title h1{ font-size:24px; color:#000; margin:0; font-weight:normal;}

.mobile-inner-header{ background-color:rgba(0,0,0,0.8); width: 100%; height: 50px;}
.mobile-inner-header-icon{color: #ffffff; height: 50px; font-size:25px; text-align: center; float:right; width: 50px; position: relative; background-color: rgba(255,255,255,0.2);
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{background-color: rgba(0,0,0,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2); top:calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
	
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

.accordion-desc ul{ margin:0; padding:0; list-style:none;}
.accordion-desc ul li{ margin-left:15px;}
.accordion-desc ul li a{ font-size:13px;}
	
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg); }
  100% {transform: translateY(0) rotate(45deg);}
}	
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
}	

.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}	
@keyframes outsecond {
  0% {transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}

.mobile-inner-nav{ background-color:rgba(0,0,0,0.6); width: 100%; position: fixed; top: 50px; left: 0px; padding:10px 0 130px; display: none; height:100%; overflow: auto; border-top: solid 2px rgba(255,255,255,0.2); }
.mobile-inner-nav a{display:block;line-height: 50px; text-decoration: none; font-size:15px;  margin-left:15px; color: #ccc; border-bottom: solid 1px rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.mobile-inner-nav a:hover{ background-color:rgba(0,0,0,0.05)}
.mobile-inner-nav a.callout{ border-bottom:none; background:rgba(241,180,80,0.8); color:#fff; text-align:center; margin-top:50px; margin-right:15px;}
.mobile-inner-nav .accordion,.mobile-inner-nav .nodown_menu{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: resize;animation-name: resize;}

.accordion a{ position:relative;}
.accordion a:after{ content:"\f107"; font-family:FontAwesome; position: absolute; top: 20px; right: 15px; font-size: 16px; line-height: 1em; color: #999;}

.nodown_menu{ position:relative; height:51px;}
.nodown_menu input{ margin:15px 0 15px 15px; width:calc(100% - 30px); border:1px #ccc solid; height:30px; padding:0 6px; box-sizing: border-box;}
.nodown_menu button{ position:absolute; width: 30px; height: 30px; background: none; border: none; right:15px; top:15px;}

@-webkit-keyframes resize {
	from, 60%, 75%, 90%, to 
	{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% {opacity: 0;-webkit-transform: scale(5,5);transform: scale(5,5);}
	100% {opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);
	} 
}

@keyframes resize {
	from, 60%, 75%, 90%, to 
	{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% {opacity: 0;-webkit-transform: scale(5,5);transform: scale(5,5);}
	100% {opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}
}

.phone_cover_bg{ background:rgba(0,0,0,0.7); position: fixed; left:0; top:50px; width:100%; height:100%;}